<template>
	<el-dialog
	    v-model="detailDialog"
	    title="跟进详情"
	    width="610"
	    align-center
		center
	>
		<div class="fs14" style="line-height: 45px;">
			<el-row class="border-right border-left border-top">
			   <el-col :span="4" class="border-right text-center bg-F5F7FA fb color333">跟进类型</el-col>
			   <el-col :span="19" class="color2 pl20">{{message.followupTypeName || '-'}}</el-col>
			</el-row>
			<el-row class=" border-right border-left border-top">
			   <el-col :span="4" class="border-right text-center bg-F5F7FA fb color333">跟进时间</el-col>
			   <el-col :span="19" class="color2 pl20">{{message.followupTime}}</el-col>
			</el-row>
			<el-row class=" border-right border-left border-top">
			   <el-col :span="4" class="border-right text-center bg-F5F7FA fb color333">跟进描述</el-col>
			   <el-col :span="19" class="color2 pl20" style="line-height: 25px;padding: 10px 20px;">
				   <span v-for="(item,j) in JSON.parse(message.dynamicData)" :key="j">
					   {{item.content ? item.content+";" :''}}
				   </span>
			   </el-col>
			</el-row>
			<el-row class=" border-right border-left border-top">
			   <el-col :span="4" class="border-right text-center bg-F5F7FA fb color333">客户姓名</el-col>
			   <el-col :span="19" class="color2 pl20">{{message.customerName}}</el-col>
			</el-row>
			<el-row class=" border-right border-left border-top">
			   <el-col :span="4" class="border-right text-center bg-F5F7FA fb color333">客户状态</el-col>
			   <el-col :span="19" class="color2 pl20">{{message.customerStatusName || '-'}}</el-col>
			</el-row>
			<el-row class=" border-right border-left border-top">
			   <el-col :span="4" class="border-right text-center bg-F5F7FA fb color333">评论数量</el-col>
			   <el-col :span="19" class="color2 pl20">{{message.commentNumber == 0 ? '暂无' : message.commentNumber+'条'}}</el-col>
			</el-row>
			<el-row class=" border-right border-left border-top">
			   <el-col :span="4" class="border-right text-center bg-F5F7FA fb color333">跟进人员</el-col>
			   <el-col :span="19" class="color2 pl20">{{message.staffName || '-'}}</el-col>
			</el-row>
			<el-row class="border-bottom border-right border-left border-top">
			   <el-col :span="4" class="border-right text-center bg-F5F7FA fb color333">创建时间</el-col>
			   <el-col :span="19" class="color2 pl20">{{message.createTime}}</el-col>
			</el-row>
		</div> 	
		<div class="dialog-footer text-right mt20">
			<el-button type="operate" style="width: 80px;height: 32px; border-radius: 0;"
			@click="edit()"
			>编辑跟进</el-button>
		</div>
	</el-dialog>
</template>

<script>
	export default{
		props:{
			message:{
				type:Object,
				default:{}
			}
		},
		data(){
			return{
				detailDialog:false
			}
		},
		methods:{
			open(){
				this.detailDialog = true
			},
			close(){
				this.detailDialog = false
			},
			//编辑跟进
			edit(){
				let item = {
					customerId:this.message.customerId,
					id:this.message.id
				}
				this.$emit('edit',item)
			}
		}
	}
</script>

<style>
</style>